Cliente: Laura Sofia Becerra Pedraza - Gobierno y Relaciones internacionales.

Fecha: Septiembre 2018

Bajo la idea de construir una marca y una propuesta para una plataforma informativa digital, Lumia buscaba crear una identidad que transmitiera el concepto de “iluminar” el camino hacia las consultorías jurídicas en el municipio de Yopal, para esto visualizaban su logo como una herramienta para iluminar, ya sea una linterna, un bombillo, etc.

Después de varias reuniones y diseños descartados, logramos establecer una marca con la que se sintieran seguros de transmitir sus ideas, para después proceder a crear el diseño de una plataforma web en donde pudieran subir sus informes, encuestas, actualizaciones, etc.

Con la idea de “iluminar” el camino, y después de experimentar con diferentes diseños de bombillas, decidimos experimentar con una luz más natural, como la luz de una vela. Sumado a esto, aprovechamos los vectores de las llamas para jugar con la continuidad y figura fondo, incrustando la L de Lumia en el logo, obteniendo el siguiente resultado.

Satisfechas con el resultado, lo siguiente fue planear la página web, en donde debían incluirse:

Inicio: Donde se publicarían las últimas actualizaciones de la página y los perfiles sociales.

Nosotros: Un gran apartado en el que irían diferentes secciones como: Misión, Visión, Historia, Principios, Equipo y Cronograma.

Asesorías: Donde se explica qué son y cómo funciona el sistema de asesorías. 

Comunidad: El cual contaría con dos opciones “Encuestas Abiertas” y “Encuestas Cerradas”. Dentro de ambas opciones se podría acceder a un nuevo apartado en donde los usuarios podrían opinar y participar en las Encuestas Abiertas, y leer las opiniones de otros usuarios en las Encuestas Cerradas.

Investigación: El cual desplegaría el listado de las investigaciones del grupo en la comunidad, y acceder a ellas.

Contacto: Para poder enviar un mensaje a la consultora.

Perfil: Para poder acceder al perfil, crear una cuenta nueva y salir.

Tras haber testado el prototipado en papel se realizaron wireframes digitales para establecer la correcta distribución, tamaño y demás características de las pantallas.

Con el anterior paso establecido, lo siguiente fue pensar en el diseño de las pantallas para móvil, o sea el diseño responsive.

Realizamos diferentes pruebas de color con la paleta original de azules y naranjas, para finalmente quedarnos con una mezcla de ambos, sobresaliendo el azul.

Lo mismo para las pantallas moviles.

Finalmente, estas fueron las pantallas finales tanto para computador como para celular.

Logramos satisfacer las necesidades del Lumia al crear un logo que transmitiera la idea de iluminar el camino, así mismo se cumplieron los objetivos de diseño, diagramación y navegación de la página web para ordenadores y dispositivos móviles.